@import "./common.scss";

html, body {
  overflow-x: hidden;
}

body, ul, li, dl, dt, dd, p, ol, h1, h2, h3, h4, h5, h6, form, img, table, fieldset, legend {
  margin: 0;
  padding: 0;
}

ul, li, ol {
  list-style: none;
}

img, fieldset {
  border: 0;
}

img {
  display: block;
}

a {
  text-decoration: none;
  color: #333;
}

input, a {
  outline: none;
}

button {
  margin: 0;
  padding: 0 5px;
  border: none;
  outline: none;
}

* {
  box-sizing: border-box;
}

/*-以下是对ELEMENT-UI的一些基本样式的覆盖-*/
/*------------------------------------------FROM------------------------------------------*/
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
  margin-bottom: 16px;
}

.el-form.el-form--inline.search-form {
  .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 5px;
  }
}

textarea.el-textarea__inner {
  font-family: Arial;
}

/*------------------------------------------TABLE------------------------------------------*/
.el-table td, .el-table th {
  padding: 3px 0;
}

.el-table th {
  .cell {
    text-align: center;
  }
}

.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #e6e6e6;
}

.el-table thead {
  color: #606266;
}

.el-table th.gutter{
  display: table-cell!important;
}

.el-table td, .el-table th.is-leaf {
  border-bottom: 1px solid #e6e6e6;
}

.el-table td.el-table-column--selection .cell {
  padding: 0;
  text-align: center;
}

/*------------------------------------------DIALOG------------------------------------------*/
.el-dialog__wrapper {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

  .el-dialog {
    margin: 0 !important;
    max-height: 94vh;
    overflow-y: auto;
    @include hide-scroll-bar;

    .el-dialog__body {
      padding: 15px;
    }
  }
}

.el-dialog__header {
  padding: 8px 10px;
  border-bottom: 1px solid #efefef;

  .el-dialog__title {
    line-height: 20px;
    font-size: 16px;
  }

  .el-dialog__headerbtn {
    top: 10px;
    right: 10px;
  }
}

/*------------------------------------------MESSAGE------------------------------------------*/

.el-message {
  padding: 8px;
  min-width: 280px;
}

/*------------------------------------------BUTTON------------------------------------------*/

.el-button--warning {
  color: #FFF;
  background-color: #009688;
  border-color: #009688;

  &:hover {
    background-color: #00b3a5;
    border-color: #00b3a5;
  }

  &:active {
    background-color: #057e96;
    border-color: #009688;
  }

  &:focus {
    background-color: #057e96;
    border-color: #009688;
  }
}

// 传入 size=tiny即可使用这个“超小”的button
.el-button--tiny, .el-button--tiny.is-round {
  padding: 5px 10px;
}

.el-button--tiny, .el-button--small {
  font-size: 12px;
  border-radius: 3px;
}

/*------------------------------------------富文本编辑器------------------------------------------*/
.tox.tox-silver-sink, .tox-fullscreen .tox.tox-tinymce-aux {
  z-index: 3000 !important;
}
